<div id="summary" v-show="display">
	<div>

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#sm-a" aria-controls="sm-a" role="tab" data-toggle="tab">城市道路统计</a></li>
    <li role="presentation"><a href="#sm-b" aria-controls="sm-b" role="tab" data-toggle="tab">最新数据</a></li>
     
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane " id="sm-b">
    	 <table class="table table-striped" style="margin-top:20px;">
			<tr>
				 
				<th>道路</th>
				<th>行驶速度</th>
				<th>采集时间</th>
			</tr>
			<tr v-for="item in speeds">
			 
				<td>{{item.road}}</td>
				<td>{{item.speed}} km/h</td>
				<td>
					{{item.time}}
				</td>
			</tr> 	
			 
		</table>
		 
    </div><!--#tappanel1111111111111111-->
    <div role="tabpanel" class="tab-pane active" id="sm-a">
    	<div  class="panel panel-default" style="margin-top:20px;">
			<div class="panel-heading">基本道路信息</div>
			 	<table class="table">
					<tr>
						<th>城市名</th>
						<th>道路数量</th>
						<th>车辆数量</th>
						 
					</tr>
					<tr>
						<td>杭州</td>
						<td>2047 条</td>
						<td>12518 辆</td>

					</tr>
				</table>
		     
		</div>

		<div  class="panel panel-default" style="margin-top:20px;">
			<div class="panel-heading">当前路况统计</div>
			 	<table class="table">
					<tr>
						<th>无法通行</th>
						<th>拥堵</th>
						<th>正常</th>
						<th>畅通</th>
					</tr>
					<tr>
						<td>43 (13.3%)</td>
						<td>345 (10.7%)</td>
						<td>2315 (72.1%)</td>
						<td>509 (15.9%)</td>
					</tr>
				</table>
		     	<div id="f" style="width:500px;height:280px;"></div>
		</div>
		<div  class="panel panel-default">
			<div class="panel-heading">平均速度曲线</div>
			<div class="panel-body">
				 
			</div>
		     
		</div>
    </div><!--#tappanel1111111111111111-->
    
  </div>

</div>
</div>